<template>
  <div class='home'>
    <div class="logo-box">
      <img class="logo" src="../assets/logo.png">
      <p>{{$i18n.translate('content')}}</p>
      <p @click="gotoLink('login')">go to Login</p>
    </div>
  </div>
</template>
<script>
export default {
  name: 'Home',
  methods: {
    gotoLink: function(name) {
      this.$router.push({
        name: name
      });
    }
  }
}

</script>
<style scoped>
.logo-box {
  text-align: center;
  margin: 30px 0;
}

.logo {
  width: 100px;
  height: 100px
}

</style>
